<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head>
	<title>Free classifieds in India, classified ads in India (For Sale, Personals, Vehicles, Real Estate, Community,...)</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Free classifieds in India, classified ads in India (For
		Sale, Personals, Vehicles, Real Estate, Community,...)</title>
	<meta name="keywords"
		content="India, classifieds, classified ads, jobs, auctions, for sale, real estate, services, community, events" />
	<meta name="description"
		content="Online exchange India offers local classified ads for jobs, auctions, for sale, real estate, services, community and events - Post your classified ad for free." />

	<link rel="shortcut icon" href="/favicon.ico"></link>
	<link rel="stylesheet" href="css/style.css" />
	<script type="text/javascript" src="js/check_browser_close.js"></script>
	<link href="templatemo_style.css" type="text/css" rel="stylesheet" />
	 <!--  <script src='https://cdn.firebase.com/v0/firebase.js'></script>-->
	 <script src='js/firebase.js'></script>
    <script src='js/jquery.min.js'></script>

</head>
<body>
	<div id="templatemo_header">
		<div id="site_title">
			<h2>
				<B><a href="http://buyaursell.appspot.com"
					title="Free classifieds in India"><img src="images/D8MBLogo.png" align="top"/></a></B>
			</h2>
		</div>
	</div>
	<div id="templatemo_main">
		<div id="content">


			<div class="section section_with_padding" id="contact">
				<h2>Live Chat</h2>
				<div id='messagesDiv' style="overflow-y: scroll;overflow-x: hidden;height:300px;border: thin solid white; 
scrollbar-face-color: #336699; scrollbar-3dlight-color: #336699; scrollbar-base-color: #336699; 
scrollbar-track-color: #336699; scrollbar-darkshadow-color: #000; scrollbar-arrow-color: #000; 
scrollbar-shadow-color: #fff; scrollbar-highlight-color: #fff;"></div>
				<br/>
				<br/>
				    <input type='text' id='nameInput' placeholder='Name'/>
				    <input type='text' id='messageInput' placeholder='Message'/>
					<input type='button' id='submitInput' style="background-image: url(images/post.png); height: 39px; width:103px;vertical-align: middle; "/>
				    <script>
				      var myDataRef = new Firebase('https://d8mb.firebaseio.com/');
				      $('#submitInput').click(function () {
				        //if (e.keyCode == 13) {
				          var name = $('#nameInput').val();
				          var text = $('#messageInput').val();
				          myDataRef.push({name: name, text: text});
				          $('#messageInput').val('');
				        //}
				      });
				      myDataRef.on('child_added', function(snapshot) {
				        var message = snapshot.val();
				        displayChatMessage(message.name, message.text);
				      });
				      function displayChatMessage(name, text) {
				        $('<div/>').text(text).prepend($('<em/>').text(name+': ')).appendTo($('#messagesDiv'));
				        $('#messagesDiv')[0].scrollTop = $('#messagesDiv')[0].scrollHeight;
				      };
				    </script>
				
				<div class="half right">

					 <br /> <br /> <br /> <br /> <a
						href="/index.html" class="slider_nav_btn next_btn">Next</a> <a
						href="/index.html" class="slider_nav_btn home_btn">home</a> <a
						href="/index.html" class="slider_nav_btn previous_btn">Previous</a>

				</div>
			</div>
		</div>
	</div>
	<div id="templatemo_footer">
		Copyright © 2013 <a href="#">www.d8mb.com</a> | Designed
		by Sanyog Barve
	</div>

</body>
</html>
